<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="380px" class="aside">
        <asideBar />
      </el-aside>
      <el-main width="1200px" class="main">
        <router-view :key="$route.fullPath"/>
      </el-main>
      <el-main class="rightside">
        <rightsideBar />
      </el-main>
    </el-container>
  </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.common-layout{
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  scroll-behavior: smooth;
}
.aside{
  background-color: #EEF5FE;
  height: 100vh;
}
.main{
  background-color: #EEF5FE;
  height: 100vh;
  padding: 0;
}
.rightside{
  background-color: #EEF5FE;
  height: 100vh;
  padding: 0;
}
</style>